<template>
  <div class="page-container">
    <DynamicForm :config="tsConfig" :questions="tsQuestions" ref="tsForm"></DynamicForm>
    <DynamicTable :tables="tsTable" :config="tsTableConfig" :icons="tsIcons"> </DynamicTable>
  </div>
</template>
<script setup lang="ts">
import { reactive, ref } from 'vue';
import { DynamicForm, DynamicTable } from '@/components/public-template';
import Service from './index.service';
import { Api } from '@/config/api/documentApplication';

const state = reactive({
  count: 1
});
const tsConfig: any = {
  name: 'fileTable',
  labelCol: 6,
  wrapperCol: 18,
  grid: 8,
  style: 'table-form',
  cancelSave: true
};
const tsTableConfig: any = {
  name: 'fileTable',
  queryUrl: Api.filePage,
  protType: 'post',
  isScreen: true
};
const tsQuestions: any = reactive(Service.getQuestions());
const tsTable: any = reactive(Service.getTables());
const tsIcons: any = reactive(Service.getIcons());
</script>
<style lang="less" scoped></style>
